<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="./font/iconfont.css">
        <link rel="stylesheet" href="./GitHub.css">
        <title>GitHub 中文社区</title>
    </head>
    <body>
        <div class="top">
            <span class="iconfont icon-caidan
            "></span>
            <div>
                <span class="iconfont icon-github-fill
                "></span>
                <div>GitHub<div>中文社区</div></div>
            </div>
            <span class="iconfont icon-sousuo
            "></span>
            <input type="text" class="search" placeholder="搜索">
            <span>论坛</span>
            <span>排行榜</span>
            <span>趋势</span>
        </div>
        <div class="body">
            <div class="menu">
                <div>
                    <div>
                        <span class="iconfont icon-remen
                        "></span>
                        <span>趋势</span>
                    </div>
                    <div>
                        <span class="iconfont icon-good
                        "></span>
                        <span>精选</span>
                    </div>
                    <div>
                        <span class="iconfont icon-paihang
                        "></span>
                        <span>排行榜</span>
                    </div>
                    <div>
                        <span class="iconfont icon-suoyin
                        "></span>
                        <span>索引</span>
                    </div>
                    <div>
                        <span class="iconfont icon-sousuo
                        "></span>
                        <span>搜索</span>
                    </div>
                    <div>
                        <span class="iconfont icon-weixingbiao
                        "></span>
                        <span>实战项目</span>
                    </div>
                    <div>
                        <span class="iconfont icon-paihang
                        "></span>
                        <span>开发者榜单</span>
                    </div>
                </div>
            </div>
            <div class="details">
                <div class="title">
                    <div class="theme">GitHub中文社区</div>
                    <div class="about">GitHub是世界上最大的代码托管平台，超7千万开发者正在使用。GitHub中文社区是一个致力于分享和传播GitHub上优质开源项目的中文社区平台。</div>        
                </div>
                <div class="gird">
                    <div class="gird3-2">
                        <div class="girditem">
                            <div class="bule">新手训练营</div>
                            <div>适合所有人的交互式课程</div>
                        </div>
                        <div class="girditem">
                            <div class="bule">GitHub趋势</div>
                            <div>查看当前流行和历史趋势</div>
                        </div>     
                        <div class="girditem">
                            <div class="bule">排行榜</div>
                            <div>查看GitHub 上最受欢迎的开源项目</div>
                        </div>    
                    </div>
                    <div class="gird3-2">
                        <div class="girditem">
                            <div class="bule">GitHub精选</div>
                            <div>精选优质开源项目和学习资源</div>
                        </div>      
                        <div class="girditem">
                            <div class="bule">GitHub 官网</div>
                            <div>GitHub英文官网入口</div>
                        </div>    
                        <div class="girditem">
                            <div class="bule">论坛</div>
                            <div>开发者论坛</div>
                        </div>    
                    </div> 
                </div>
            </div>
        </div>
        <script>
        </script>
    </body>

</html>